.details {
  width: 100%;
  background-color: #f4f4f4;
  .et-flex-column-center();

  .details-content {
    width: @content-width;

    .product-infos {
      width: 100%;
      margin-bottom: 20px;
      background-color: white;
      .et-flex-column-normal();

      .prod-title {
        width: 100%;
        height: 75px;
        padding: 0 30px 0 94px;
        position: relative;
        .et-flex-spacebetween();

        .name {
          font-size: 20px;
        }

        .trademark {
          width: 90px;
          height: 22px;
        }

        .flag {
          position: absolute;
          top: 22px;
          left: -12px;
          width: 92px;
          height: 30px;
          padding-left: 20px;
          line-height: 30px;
          background-color: @primary-color;
          color: white;

          &::after {
            content: "";
            position: absolute;
            top: 30px;
            left: 0;
            width: 0;
            height: 0;
            border-top: 5px solid #AB540B;
            border-right: 7px solid #AB540B;
            border-bottom: 5px solid transparent;
            border-left: 7px solid transparent;
          }
        }
      }

      .prod-des-main {
        width: 100%;

        .jt-top {
          padding: 0 34px 20px 0;
          margin: 0 30px;
          box-sizing: border-box;
          border-bottom: 1px solid #f0f0f0;
          .et-flex-spacebetween();
          align-items: flex-start;

          .prod-img {
            width: 388px;
            height: 354px;
            flex-shrink: 0;
          }

          .prod-des-text {
            width: 680px;
            .et-flex-column-normal();

            .prod-des-item {
              width: 100%;
              margin-bottom: 6px;
              line-height: 24px;
              .et-flex-normal();

              .text-name {
                line-height: 24px;
                flex-shrink: 0;
              }

              .text-value {
                flex: 1;
                word-break: break-all;

                &.color-orange {
                  color: @primary-color;
                }
              }

              .prod-advantage {
                flex: 1;
                box-sizing: border-box;
                padding: 12px 10px;
                background: #f5f5f5;
                .et-flex-column-normal();

                .advantage-item {
                  width: 100%;
                  line-height: 24px;
                  .et-flex-normal();

                  .icon {
                    font-size: 16px;
                    color: #16959b;
                    margin-right: 5px;
                    line-height: 24px;
                  }

                  span {
                    word-break: break-all;
                  }
                }
              }
            }

            .purchaseNow {
              width: 186px;
              height: 50px;
              font-weight: 700;
              font-size: 18px;
              color: #fff;
              text-align: center;
              line-height: 50px;
              background: #fc7d12;
              border-radius: 4px;
              cursor: pointer;
            }
          }
        }

        .jt-bottom {
          width: 100%;
          padding: 0 30px;
          box-sizing: border-box;
          height: 52px;
          .et-flex-normal();
          flex-wrap: nowrap;
          .sell-area {
            width: 430px;
            height: 100%;
            .et-flex-start();
          }

          .collection {
            width: 100px;
            height: 100%;
            flex-shrink: 0;
            cursor: pointer;
            .et-flex-start();

            .is_unCollect,
            .is_collect {
              font-size: 18px;
              margin-right: 5px;
            }

            .is_collect {
              color: @primary-color;
            }
          }
          .sell-message {
            flex: 1;
            height: 100%;
            .et-flex-start();
            white-space: nowrap;
          }
        }
      }
    }
  }
}

.Breadcrumb-Home,
.Breadcrumb-propertyLiability-details {
  color: #666;
}

.Breadcrumb-Home {
  cursor: pointer;
}